@charset "utf-8";
/* CSS Document gu*/

#my-nav { width:auto; height:46px; background:#f4f4f4; margin-top:33px; padding:0px 14px; margin-bottom:15px}
#my-nav p { width:auto; height:100%; float:left; overflow:hidden}
#my-nav p a { padding:20px 12px; font-family:Helvetica; font-size:15px; color:#a1a1a1; line-height:46px; vertical-align:middle}
#my-nav p a:hover { color:#fff; background:#91d6e2;}
#my-nav p a.now {color:#fff; background:#91d6e2;}

#left-side { width:255px; height:auto; overflow:auto; border-right:solid 1px #abbdd1; float:left; margin-top:30px}
#left-side .box1 { width:auto; height:auto}
#left-side .user-face { border:solid 4px #ebebeb; width:160px; height:160px; margin-left:47px}
#left-side .user-face img { width:160px; height:160px;}
#left-side .user-name { width:100%; height:auto; font-size:16px; font-family:Arial; color:#636462; padding:10px 0px}
#left-side .user-name a {font-size:16px; font-family:Arial; color:#636462;}
#left-side .user-name a:hover { color:#92D4E2;}
#left-side .user-complete {width:100%; height:auto; text-align:center; padding-bottom:10px}
#left-side .user-complete a{font-family:Helvetica; color:#92d4e2; font-size:16px; font-weight:bold;}
#left-side .user-complete a span { color:#FF7E71}
#left-side .user-profile { width:100%; height:24px; text-align:center}
#left-side .user-profile a { width:94px; height:24px; margin:0px 9px; background:url(../image/print.png) no-repeat -49px -24px; display:inline-block; font-family:Arial; font-size:12px; color:#758092; line-height:24px; vertical-align:middle; font-weight:bold; text-shadow:1px 1px #fff}
#left-side .user-address {width:100%; height:auto; font-size:16px; font-family:Arial; color:#929292; padding:10px 0px; text-align:left; text-indent:26px }

#left-side .box2,#left-side .box3,#left-side .box4 { width:224px; height:auto; border-top:solid 1px #abbdd1; text-align:left; margin-top:10px}
#left-side .box2 strong,#left-side .box3 strong,#left-side .box4 strong { font-family:Helvetica; color:#92d4e2; font-size:16px; font-weight:bold; display:block; padding:15px 0px}
#left-side .box2 p {color:#979797; font-family:Arial; font-size:13px; padding:3px 0px; font-weight:bold}
#left-side .box2 p span { float:right; color:#92d4e2}
#left-side .box3 p {color:#979797; font-family:Arial; font-size:13px; padding:3px 0px; margin-bottom:5px}
#left-side .box3 p.str { color:#979797;font-family:Helvetica; margin-bottom:0px; font-weight:bold}
#left-side .box4 p { width:100%; height:30px; margin-bottom:1px; display:block; background:#f2f2f2}
#left-side .box4 p label { width:30px; border-right:solid 1px #fff; height:100%; text-align:center; background:#e5e5e5; font-family:Helvetica; color:#888888; float:left; line-height:30px; vertical-align:middle}
#left-side .box4 p img { width:30px; height:30px; float:left}
#left-side .box4 p a { width:163px; height:30px; float:left; font-family:Arial; font-size:13px; color:#707070; line-height:30px; vertical-align:middle; text-indent:9px;}
#left-side .box4 p a:hover { background:#def2f6}


#right-body { width:716px; height:auto;  text-align:left; overflow:auto; float:right; margin-top:30px}
#right-body .box1 { width:100%; height:auto; overflow:auto; position:relative; }
#right-body .box2,#right-body .box3,#right-body .box4,#right-body .box5,#right-body .box6 { margin-top:40px }


#right-body .box1 p.title { font-size:16px; font-family:Helvetica; color:#92d4e2; padding-bottom:10px; border-bottom:solid 1px #abbdd1; width:100%; font-weight:bold}
#right-body .box1 p.title span { font-size:12px; font-family:Arial; color:#a9a9a9; margin-left:10px}
#right-body .box1 span {color:#979797; font-size:13px; font-family:Arial; line-height:30px; vertical-align:middle}
#right-body .box1 ul { width:522px; height:auto; overflow:auto}
#right-body .box1 ul li { width:169px; height:74px; margin-right:5px; float:left; list-style:none; background:#f4f4f4}
#right-body .box1 ul li img { width:48px; height:48px; border:solid 1px #9d9d9d; float:left; margin:12px;}
#right-body .box1 ul li p { width:auto; padding-left:74px; font-family:Arial; font-size:12px; height:auto; color:#808080}
#right-body .box1 ul li p.name { color:#4d4d4d; margin-top:9px}
#right-body .box1 ul li p.oper { padding:5px 0px}
#right-body .box1 ul li p.oper .invite { background:url(../image/print.png) no-repeat -49px -52px; width:59px; height:20px; display:block; margin-right:5px}
#right-body .box1 ul li p.oper a{ float:left; line-height:20px; vertical-align:middle; color:#999999}
#right-body .box1 ul li p.oper a:hover{ text-decoration:underline}
#right-body .box1 ul li p.from {line-height:20px; vertical-align:middle;}
#right-body .box1 .fackbook-login {   float:left; background:url(../image/print.png); background-position: 0 -309px;height: 41px;width: 300px; margin-left:110px; margin-top:32px; margin-bottom:32px;  display:inline;}
#right-body .box1 .more { width:197px; height:133px; background:#fff;  position:absolute; top:0px; right:0px;}
#right-body .box1 .more .box { width:186px; height:100%; background:#f4f4f4; border-radius:6px; text-align:center; float:right}
#right-body .box1 .more .box p { font-family:Helvetica; font-size:15px; color:#92d4e2; text-align:center; width:100%; padding:28px 0px}
#right-body .box1 .more .box a{ background:url(../image/print.png) no-repeat 0px -350px; width:168px; height:50px; display:block; color:#fff; font-size:14px; font-family:Helvetica; margin:0px auto; line-height:50px; vertical-align:middle; font-weight:bold}

#right-body .box2 p.title{ color:#ff7e71}
#right-body .box2 table {color:#ff7e71; font-size:12px; font-family:Arial; line-height:160%; vertical-align:middle; margin-top:10px}
#right-body .box2 table a{color:#ff7e71; font-size:12px; font-family:Arial; line-height:160%; vertical-align:middle; margin-top:10px}
#right-body .box2 table a:hover{color:#92D4E2;}
#right-body .box2 table tr td.w240 { width:240px}

#right-body .box3 table { font-family:Arial; font-size:13px; color:#a4a4a4; text-align:center; margin-top:10px; width:100%; margin-bottom:5px} 
#right-body .box3 table tr.bg { background:#f6f6f6;}
#right-body .box3 table tr th { font-family:Helvetica; font-size:13px; color:#92d4e2; text-align:center; height:20px; vertical-align:top}
#right-body .box3 table tr td { height:36px; line-height:140%; vertical-align:middle;}
#right-body .box3 table tr td a{ color:#a4a4a4;}
#right-body .box3 table tr td a:hover { color:#92D4E2;}
#right-body .box3 table tr td a span {color:#ff7e71}
#right-body .box3 table tr td a:hover span {color:#92D4E2}
#right-body .box3 table tr td.aw { background:url(../image/print.png) no-repeat 215px -111px; padding-right:70px; width:215px}
#right-body .box3 table tr .w285{ width:285px; text-align:left; text-indent:5px; }
#right-body .box3 table tr .w300{ width:300px; text-align:left; text-indent:5px; }
#right-body .box3 table tr .w92 { width:92px}
#right-body .box3 table tr .w94 { width:92px}
#right-body .box3 table tr .w111 { width:92px}
#right-body .box3 .optionbox,#right-body .box4 .optionbox { width:100%; height:auto; position:relative; z-index:999; overflow:visible; float:left}
#right-body .box3 .optionbox .option,#right-body .box4 .optionbox .option,#right-body .box5 .optionbox .option { width:auto; height:44px; position:absolute; top:0px; right:54px; margin-top:-44px;}
#right-body .box3 .optionbox .option a,#right-body .box4 .optionbox .option a,#right-body .box5 .optionbox .option a { float:left; margin-left:13px; display:inline; padding:0px 30px; line-height:36px; vertical-align:middle; margin-top:6px; border:solid 1px #abbdd1; background:#f4f4f4; font-family:Helvetica; color:#a4a4a4}
#right-body .box3 .optionbox .option a.now,#right-body .box4 .optionbox .option a.now,#right-body .box5 .optionbox .option a.now { border-bottom:solid 1px #fff; background:#fff; color:#91d6e2; padding-top:6px; margin-top:0px}
#right-body .box3 p.pt14,#right-body .box4 p.pt14 { padding-top:15px}
#right-body .box3 table tr .w235 { width:235px;text-align:left; text-indent:5px;}
#right-body .box3 .imgbox { width:100%; height:auto; overflow:hidden;}
#right-body .box3 .imgbox ul { width:750px; height:auto; margin-top:15px;}
#right-body .box3 .imgbox ul li { width:50px; height:auto; list-style:none; float:left; margin-right:24px;; background:none}
#right-body .box3 .imgbox ul li img { width:48px; height:48px; margin:0px;}
#right-body .box3 .imgbox ul li span { text-align:center; font-family:Arial; font-size:13px; color:#9f9f9f; float:left; width:50px; line-height:160%; vertical-align:middle}

#right-body .box4 .saylists{ width:100%; height:auto; vertical-align:top; margin-top:20px}
#right-body .box4 .left-say { width:50px; padding-left:19px; padding-top:1px; float:left}
#right-body .box4 .left-say img { width:48px; height:48px; border:solid 1px #cdcdcd; float:left}
#right-body .box4 .left-say span { font-family:Arial; font-size:13px; color:#91d6e2; line-height:160%; vertical-align:middle; float:left; width:50px; text-align:center}
#right-body .box4 .right-say { width:auto; padding-left:18px; float:left;padding-bottom:17px}
#right-body .box4 .right-say .saybox s { width:12px; height:14px; position:absolute; left:auto; top:20px; background:url(../image/print.png) no-repeat -108px 0px; margin-left:-26px;}
#right-body .box4 .right-say .saybox { width:600px; height:auto; padding:7px 14px; background:#f5f5f5; border-radius:6px;position:relative}
#right-body .box4 .right-say .saybox p,#right-body .box4 table .right-say .saybox span { font-family:Arial; font-size:13px; line-height:140%; vertical-align:middle;}
#right-body .box4 .right-say .saybox p { border-bottom:solid 1px #fff; padding-bottom:10px; color:#797979}
#right-body .box4 .right-say .saybox span { width:100%; margin-top:5px; display:block; color:#949494}

#right-body .box5 .optionbox .option { width:auto; height:44px; position:absolute; top:0px; margin-top:-44px;}
#right-body .box5 .optionbox .option a{ margin-left:0px}
.right-say span label { float:right}

#right-body  .find-lists { width:100%; height:auto; text-align:center}
#right-body  .find-lists .w98 { width:98px}
#right-body  .find-lists .w150 { width:150px}
#right-body  .find-lists .w250 { width:250px}
#right-body  .find-lists .w100 { width:100px}
#right-body  .find-lists .w50 { width:50px}
#right-body  .find-lists tr th { border-bottom:solid 1px #c7ccd2; font-size:12px; font-family:Helvetica; color:#a4a4a4; font-weight:bold; text-align:center; height:36px; line-height:36px; vertical-align:middle; }
#right-body  .find-lists tr.list-body td{ font-size:12px; font-family:Arial; color:#a4a4a4}
#right-body  .find-lists tr.top td img { width:78px; height:78px; border:solid 1px #cacaca; margin:0px 9px}
#right-body  .find-lists tr.list-body .list-text { text-align:left;}
#right-body  .find-lists tr.top .list-text { height:20px}
#right-body  .find-lists tr.list-body .list-text strong,#right-body  .find-lists tr.list-body .list-text p { float:left;}
#right-body  .find-lists tr.list-body .list-text p { letter-spacing:0.5px; font-size:10px}
#right-body  .find-lists tr.top .list-text strong{ font-family:Helvetica; color:#92d4e2; font-weight:bold; font-size:16px; float:left}
#right-body  .find-lists tr.line td { border-bottom:solid 1px #eef0f1; height:38px; line-height:38px; vertical-align:middle}
#right-body  .find-lists tr.top td { height:20px; line-height:20px; vertical-align:middle; padding-top:10px}
#right-body  .find-lists tr.line .list-name { color:#a0adca; font-size:13px; font-family:Helvetica; font-weight:bold; text-align:left; text-indent:9px}
#right-body  .find-lists tr.line label {padding-left:20px; color:#85c4e2; font-weight:bold; margin-right:10px; background:url(../image/print.png) no-repeat; float:left; font-size:12px; font-family:Helvetica}
#right-body  .find-lists tr.line span { font-family:Arial; color:#a4a4a4; float:left; font-size:12px; margin-right:20px; line-height:38px}
#right-body  .find-lists tr.line label.like { background-position:-482px -209px}
#right-body  .find-lists tr.line label.cheer { background-position:-481px -183px}
#right-body  .find-lists tr.line a { font-family:Helvetica; float:right; color:#85c4e2; font-size:12px; font-weight:bold}
#right-body  .find-lists tr.line a.name { float:none; color:#A0ADCA}
#right-body .paging { margin-top:10px; margin-bottom:20px}

#right-body .box6 p.title { border-bottom:solid 1px #fff; padding-bottom:0px}
#right-body .box6 .areabox {width:714px; height:95px; border:solid 0px #d1d1d1;border-radius:4px; margin-top:10px;  overflow:hidden;font-size:16px; font-family:Helvetica; color:#a4a4a4}
#right-body .box6 .areabox textarea{ width:714px; height:110px; border:none; border-radius:4px; font-size:14px; font-family:Helvetica; color:#666666; padding-right:10px; }





































































































































